
<!DOCTYPE html>
<html>

<head>
   
    
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--360浏览器优先以webkit内核解析-->


<title>添加网点需汇报产品</title>

<link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
<link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
<link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
<link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
<!-- Sweet Alert -->
<link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">


    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <style>
   
    </style>

</head>

<body class="white-bg animated fadeIn x_sorll" style="padding: 3px;font-size: 13px;">
     <div class="page-heade">
          <h2 class="title_color text-center">添加网点需汇报产品</h2>
    </div>
      <div class="padding-10 text-center"></div>
      <table class="table table-bordered">
        <tr>
           <td colspan="3" style="font-size: 16px" class="text-center">需汇报产品的网点选择</td>
        </tr>
        <tr>
          <td style="width: 43%">
              <form action="" class="form-inline" id="form1">
          <table class="table table-bordered bud_hei">
            <tr class="info text-center">
              <td colspan="4" style="font-size: 15px;" class="font-bold">待选择网点</td>
            </tr>
            <tr>
              <td>一级渠道</td>
              <td><input type="text" class="form-control" name=""></td>
              <td>二级渠道</td>
              <td><input type="text" class="form-control" name=""></td>
            </tr>
             <tr>
              <td>分区</td>
              <td><input type="text" class="form-control" name=""></td>
              <td>省份</td>
              <td><input type="text" class="form-control" name=""></td>
            </tr>
             <tr>
              <td>城市</td>
              <td><input type="text" class="form-control" name=""></td>
              <td>经销商名称</td>
              <td><input type="text" class="form-control" name=""></td>
            </tr>
             <tr>
              <td>系统名称</td>
              <td><input type="text" class="form-control" name=""></td>
              <td>网点名称</td>
              <td><input type="text" class="form-control" name=""></td>
            </tr>
              <tr>
              <td>网点编号</td>
              <td colspan="3"><input type="text" class="form-control" name=""></td>
            </tr>
            <tr>
              <td colspan="4" class="text-center">
                <button class="btn btn-info btn-sm">查询</button>
                <button class="btn btn-info btn-sm" type="reset" id="resetForm">清除查询条件</button>
              </td>
            </tr>
        </table>
      </form>
          </td>
          <td style="width: 14%"></td>
          <td style="width: 43%">
               <form action="" class="form-inline" id="form2">
          <table class="table table-bordered bud_hei">
            <tr class="info text-center">
              <td colspan="4" style="font-size: 15px;" class="font-bold">已选择网点</td>
            </tr>
            <tr>
              <td>一级渠道</td>
              <td><input type="text" class="form-control" name=""></td>
              <td>二级渠道</td>
              <td><input type="text" class="form-control" name=""></td>
            </tr>
             <tr>
              <td>分区</td>
              <td><input type="text" class="form-control" name=""></td>
              <td>省份</td>
              <td><input type="text" class="form-control" name=""></td>
            </tr>
             <tr>
              <td>城市</td>
              <td><input type="text" class="form-control" name=""></td>
              <td>经销商名称</td>
              <td><input type="text" class="form-control" name=""></td>
            </tr>
             <tr>
              <td>系统名称</td>
              <td><input type="text" class="form-control" name=""></td>
              <td>网点名称</td>
              <td><input type="text" class="form-control" name=""></td>
            </tr>
              <tr>
              <td>网点编号</td>
              <td colspan="3"><input type="text" class="form-control" name=""></td>
            </tr>
            <tr>
              <td colspan="4" class="text-center">
                <button class="btn btn-info btn-sm">查询</button>
                <button class="btn btn-info btn-sm" type="reset" id="resetForm1">清除查询条件</button>
              </td>
            </tr>
        </table>
      </form>
          </td>
        </tr>
        <tr>
          <td style="height: 200px">
              <select multiple id="select1" style="height: 100%;width: 100%" class="form-control">
                        <option value="11">选项1</option>
                        <option value="22">选项2</option>
                        <option value="33">选项3</option>
                        <option value="44">选项4</option>
                        <option value="55">选项5</option>
                        <option value="66">选项6</option>
                        <option value="77">选项7</option>
                        <option value="88">选项8</option>
                        <option value="111">选项1</option>
                        <option value="222">选项2</option>
                        <option value="332">选项3</option>
                        <option value="444">选项4</option>
                        <option value="555">选项5</option>
                        <option value="666">选项6</option>
                        <option value="776">选项7</option>
                        <option value="888">选项8</option>
                         </select>
          </td>
          <td class="text-center">
              <button class="btn btn-sm btn-primary" type="button" id="toRight">&gt;&gt;&gt;&gt;&gt;&gt;</button><br><br>
              <button class="btn btn-sm btn-primary" type="button" id="toLeft">&lt;&lt;&lt;&lt;&lt;&lt;</button>
          </td>
          <td>
              <select multiple id="select2" style="height: 100%;width: 100%" class="form-control">
                        <option value="11">选项1</option>
                        <option value="22">选项2</option>
                        <option value="33">选项3</option>
                        <option value="44">选项4</option>
                        <option value="55">选项5</option>
                        <option value="66">选项6</option>
                        <option value="77">选项7</option>
                        <option value="88">选项8</option>
                         </select>

          </td>
        </tr>
        <tr>
          <td colspan="3"><a href="javascript:;">隐藏该条信息</a>&nbsp;&nbsp;您选择的网点是：</td>
        </tr>
        <tr>
          <td colspan="3" id="netlist"></td>
        </tr>
      </table>
    <table class="table table-bordered">
        <tr>
           <td colspan="3" style="font-size: 16px" class="text-center">需汇报产品的选择</td>
        </tr>
        <tr>
          <td style="width: 43%">
              <form action="" class="form-inline" id="form1">
          <table class="table table-bordered bud_hei">
            <tr class="info text-center">
              <td colspan="4" style="font-size: 15px;" class="font-bold">待选择产品</td>
            </tr>
            <tr>
              <td>品牌</td>
              <td><input type="text" class="form-control" name=""></td>
              <td>品类</td>
              <td><input type="text" class="form-control" name=""></td>
            </tr>
             <tr>
              <td>系列</td>
              <td><input type="text" class="form-control" name=""></td>
              <td>SKU</td>
              <td><input type="text" class="form-control" name=""></td>
            </tr>
             <tr>
              <td>单品</td>
              <td><input type="text" class="form-control" name=""></td>
              <td>二级渠道</td>
              <td><input type="text" class="form-control" name=""></td>
            </tr>
            <tr>
              <td colspan="4" class="text-center">
                <button class="btn btn-info btn-sm">查询</button>
                <button class="btn btn-info btn-sm" type="reset" id="resetForm">清除查询条件</button>
              </td>
            </tr>
        </table>
      </form>
          </td>
          <td style="width: 14%"></td>
          <td style="width: 43%">
               <form action="" class="form-inline" id="form2">
          <table class="table table-bordered bud_hei">
            <tr class="info text-center">
              <td colspan="4" style="font-size: 15px;" class="font-bold">已选择网点</td>
            </tr>
           <tr>
              <td>品牌</td>
              <td><input type="text" class="form-control" name=""></td>
              <td>品类</td>
              <td><input type="text" class="form-control" name=""></td>
            </tr>
             <tr>
              <td>系列</td>
              <td><input type="text" class="form-control" name=""></td>
              <td>SKU</td>
              <td><input type="text" class="form-control" name=""></td>
            </tr>
             <tr>
              <td>单品</td>
              <td><input type="text" class="form-control" name=""></td>
              <td>二级渠道</td>
              <td><input type="text" class="form-control" name=""></td>
            </tr>
            <tr>
              <td colspan="4" class="text-center">
                <button class="btn btn-info btn-sm">查询</button>
                <button class="btn btn-info btn-sm" type="reset" id="resetForm1">清除查询条件</button>
              </td>
            </tr>
        </table>
      </form>
          </td>
        </tr>
        <tr>
          <td style="height: 200px">
              <select multiple id="select1" style="height: 100%;width: 100%" class="form-control">
                        <option value="11">选项1</option>
                        <option value="22">选项2</option>
                        <option value="33">选项3</option>
                        <option value="44">选项4</option>
                        <option value="55">选项5</option>
                        <option value="66">选项6</option>
                        <option value="77">选项7</option>
                        <option value="88">选项8</option>
                        <option value="111">选项1</option>
                        <option value="222">选项2</option>
                        <option value="332">选项3</option>
                        <option value="444">选项4</option>
                        <option value="555">选项5</option>
                        <option value="666">选项6</option>
                        <option value="776">选项7</option>
                        <option value="888">选项8</option>
                         </select>
          </td>
          <td class="text-center">
              <button class="btn btn-sm btn-primary" type="button" id="toRight">&gt;&gt;&gt;&gt;&gt;&gt;</button><br><br>
              <button class="btn btn-sm btn-primary" type="button" id="toLeft">&lt;&lt;&lt;&lt;&lt;&lt;</button>
          </td>
          <td>
              <select multiple id="select2" style="height: 100%;width: 100%" class="form-control">
                        <option value="11">选项1</option>
                        <option value="22">选项2</option>
                        <option value="33">选项3</option>
                        <option value="44">选项4</option>
                        <option value="55">选项5</option>
                        <option value="66">选项6</option>
                        <option value="77">选项7</option>
                        <option value="88">选项8</option>
                         </select>

          </td>
        </tr>
        <tr>
          <td colspan="3"><a href="javascript:;">隐藏该条信息</a>&nbsp;&nbsp;您选择的网点是：</td>
        </tr>
        <tr>
          <td colspan="3" id="netlist"></td>
        </tr>
      </table>
      <div class="padding-10">
         <label for="setNeedGather">
            <input type="radio" name="gather" checked id="setNeedGather">设置为需汇报
         </label>
          <label for="setNoNeedGather">
            <input type="radio" name="gather" id="setNoNeedGather">设置为不需汇报
         </label>
      </div>
      <div class="padding-10 text-center">
        <button class="btn btn-primary">保存</button><span class="lr_5"></span>
        <button class="btn btn-warning" type="button" id="fanhui">返回</button>
      </div>
<!-- 全局js -->
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
  <script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script>
    $(function () {
        $('body').on('click','input[type=text]',function () {
            this.select()
        })

    })
    $("#fanhui").click(function(){
       history.go(-1);
    })
</script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
<script>
   
    $(document).ready(function () {
      var resetForm=$("#resetForm");
      var resetForm1=$("#resetForm1");
      var form1    = $("#form1")
      var form2    = $("#form2")
       clearForm(resetForm,form1)
       clearForm(resetForm1,form2)
    })   
   $(document).ready(function() {
                $('#toRight').click(function() {
                    var $options = $('#select1 option:selected'); //获取选中的元素
                    var $remove = $options.remove();
                    $remove.appendTo('#select2');
                });
                 $('#toLeft').click(function() {
                    var $options = $('#select2 option:selected'); //获取选中的元素
                    var $remove = $options.remove();
                    $remove.appendTo('#select1');
                });
            })


/*清空查询条件*/

function clearForm(dom,item){
  dom.on('click',function () {
           item.find("input").each(function(){
                $(this).val('');
            });
            item.find("select").each(function(){
                $(this).val('');
            });
            item.submit()
            return false
        })
}
</script>
</body>

</html>